<template>
	<div class="homepage">
		<BlogList>
			<template #write-article>
				<WriteArticle></WriteArticle>
			</template>
		</BlogList>
		<div class="main-r">
			<Userinfo></Userinfo>
		</div>
	</div>
</template>

<script setup lang="ts">
import BlogList from "../BlogList.vue";
import WriteArticle from "../writeArticle.vue";
import Userinfo from "../userinfo.vue";
</script>

<style scoped lang="scss">
.homepage {
	display: flex;
	width: 100%;
}

.main-r {
	flex: 3;
}
</style>
